<!DOCTYPE html>


  <html class="light page-post">


<head>
  <meta charset="utf-8">
  
  <title>hexo 安装使用教程 | watermeLonMan frontEnd 前端 javascript js node vue php</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
    <meta name="keywords" content="hexo hexo博客平台 hexo使用安装 watermelonman 前端开发 轻博客 gitPages," />
  

  <meta name="description" content="酷炫的轻博客平台hexo安装使用教程.
快速开始安装 Hexo
Hexo的使用需要Node环境，如果没安装node环境，请先前往官网下载安装
安装Hexo 推荐使用全局安装
1$ npm install hexo -g

安装之后查看版本信息，如果正确显示版本信息则表示安装成功
1$hexo -v


创建一个新的项目
如果不指定项目路径，则在当前路径下创建名字Hexo-demo的文件夹，hexo">
<meta property="og:type" content="article">
<meta property="og:title" content="hexo 安装使用教程">
<meta property="og:url" content="http://git.oschina.net/WatermeLonMan/2016/11/07/hello-hexo/index.html">
<meta property="og:site_name" content="watermeLonMan frontEnd 前端 javascript js node vue php">
<meta property="og:description" content="酷炫的轻博客平台hexo安装使用教程.
快速开始安装 Hexo
Hexo的使用需要Node环境，如果没安装node环境，请先前往官网下载安装
安装Hexo 推荐使用全局安装
1$ npm install hexo -g

安装之后查看版本信息，如果正确显示版本信息则表示安装成功
1$hexo -v


创建一个新的项目
如果不指定项目路径，则在当前路径下创建名字Hexo-demo的文件夹，hexo">
<meta property="og:updated_time" content="2017-04-12T16:03:46.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="hexo 安装使用教程">
<meta name="twitter:description" content="酷炫的轻博客平台hexo安装使用教程.
快速开始安装 Hexo
Hexo的使用需要Node环境，如果没安装node环境，请先前往官网下载安装
安装Hexo 推荐使用全局安装
1$ npm install hexo -g

安装之后查看版本信息，如果正确显示版本信息则表示安装成功
1$hexo -v


创建一个新的项目
如果不指定项目路径，则在当前路径下创建名字Hexo-demo的文件夹，hexo">

  

  
    <link rel="icon" href="/images/favicon.ico">
  

  <link href="/css/styles.css?v=c114cbe6" rel="stylesheet">


  
    <link rel="stylesheet" href="/css/person_style.css">
  

  
<!-- Google Analytics -->
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-97407478-1', 'auto');
ga('send', 'pageview');

</script>
<!-- End Google Analytics -->


  
  <script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?0dfdf78e5f8c57b73f38865645af83e8";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>


  
  <script type="text/javascript">
	(function(){
	    var bp = document.createElement('script');
	    var curProtocol = window.location.protocol.split(':')[0];
	    if (curProtocol === 'https') {
	        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
	    }
	    else {
	        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
	    }
	    var s = document.getElementsByTagName("script")[0];
	    s.parentNode.insertBefore(bp, s);
	})();
  </script>



  

  
</head>

<body>


  
    <span id="toolbox-mobile" class="toolbox-mobile">more</span>
  

  <div class="post-header CENTER">
   
  <div class="toolbox">
    <a class="toolbox-entry" href="/">
      <span class="toolbox-entry-text">more</span>
      <i class="icon-angle-down"></i>
      <i class="icon-home"></i>
    </a>
    <ul class="list-toolbox">
      
        <li class="item-toolbox">
          <a
            class="CIRCLE"
            href="/archives/"
            rel="noopener noreferrer"
            target="_self"
            >
            博客
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="CIRCLE"
            href="/category/"
            rel="noopener noreferrer"
            target="_self"
            >
            分类
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="CIRCLE"
            href="/tag/"
            rel="noopener noreferrer"
            target="_self"
            >
            标签
          </a>
        </li>
      
        <li class="item-toolbox">
          <a
            class="CIRCLE"
            href="/about/"
            rel="noopener noreferrer"
            target="_self"
            >
            关于
          </a>
        </li>
      
    </ul>
  </div>


</div>


  <div id="toc" class="toc-article">
    <strong class="toc-title">文章目录</strong>
    <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#快速开始"><span class="toc-text">快速开始</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#安装-Hexo"><span class="toc-text">安装 Hexo</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#创建一个新的项目"><span class="toc-text">创建一个新的项目</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#安装完成之后启动hexo服务器，默认端口4000"><span class="toc-text">安装完成之后启动hexo服务器，默认端口4000</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#生成静态文件"><span class="toc-text">生成静态文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#删除静态文件"><span class="toc-text">删除静态文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#发布到github等平台"><span class="toc-text">发布到github等平台</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#注意事项"><span class="toc-text">注意事项</span></a></li></ol></li></ol>
  </div>



<div class="content content-post CENTER">
   <article id="post-hello-hexo" class="article article-type-post" itemprop="blogPost">
  <header class="article-header">
    <h1 class="post-title">hexo 安装使用教程</h1>

    <div class="article-meta">
      <span>
        <i class="icon-calendar"></i>
        <span>2016.11.07</span>
      </span>

      
        <span class="article-author">
          <i class="icon-user"></i>
          <span>watermeLonMan</span>
        </span>
      

      


      

      

      
      
    </div>
  </header>

  <div class="article-content">
    
      <p>酷炫的轻博客平台hexo安装使用教程.</p>
<h2 id="快速开始"><a href="#快速开始" class="headerlink" title="快速开始"></a>快速开始</h2><h3 id="安装-Hexo"><a href="#安装-Hexo" class="headerlink" title="安装 Hexo"></a>安装 Hexo</h3><ul>
<li>Hexo的使用需要<a href="http://nodejs.cn/" target="_blank" rel="external">Node</a>环境，如果没安装node环境，请先前往官网下载安装</li>
<li><p>安装Hexo 推荐使用全局安装</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ npm install hexo -g</div></pre></td></tr></table></figure>
</li>
<li><p>安装之后<br>查看版本信息，如果正确显示版本信息则表示安装成功</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$hexo -v</div></pre></td></tr></table></figure>
</li>
</ul>
<h3 id="创建一个新的项目"><a href="#创建一个新的项目" class="headerlink" title="创建一个新的项目"></a>创建一个新的项目</h3><ul>
<li><p>如果不指定项目路径，则在当前路径下创建名字Hexo-demo的文件夹，hexo 3.0版本之后默认主题为landspcape</p>
<figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo init <span class="string">"Hexo-demo"</span></div></pre></td></tr></table></figure>
</li>
<li><p>安装完成之后，会自动进入项目目录并安装依赖文件</p>
</li>
</ul>
<h3 id="安装完成之后启动hexo服务器，默认端口4000"><a href="#安装完成之后启动hexo服务器，默认端口4000" class="headerlink" title="安装完成之后启动hexo服务器，默认端口4000"></a>安装完成之后启动hexo服务器，默认端口4000</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo server <span class="comment">#简写 hexo s</span></div></pre></td></tr></table></figure>
<h3 id="生成静态文件"><a href="#生成静态文件" class="headerlink" title="生成静态文件"></a>生成静态文件</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo generate <span class="comment"># 简写 hexo g</span></div></pre></td></tr></table></figure>
<h3 id="删除静态文件"><a href="#删除静态文件" class="headerlink" title="删除静态文件"></a>删除静态文件</h3><figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo clean</div></pre></td></tr></table></figure>
<h3 id="发布到github等平台"><a href="#发布到github等平台" class="headerlink" title="发布到github等平台"></a>发布到github等平台</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ hexo deploy <span class="comment">#简写 hexo d</span></div></pre></td></tr></table></figure>
<h3 id="注意事项"><a href="#注意事项" class="headerlink" title="注意事项"></a>注意事项</h3><ul>
<li><p>发布到 github需要安装 hexo-deployer-git</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div></pre></td><td class="code"><pre><div class="line">$ npm install hexo-deployer-git --save</div></pre></td></tr></table></figure>
</li>
<li><p>还需要在项目根目录的_config.yml 文件中配置</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div></pre></td><td class="code"><pre><div class="line">deploy: </div><div class="line">  type: git</div><div class="line">  repo: git 仓库地址</div><div class="line">  branch：master #分支名称</div></pre></td></tr></table></figure>
<blockquote>
<p>建议发布前先删除静态文件，重新生成</p>
</blockquote>
</li>
</ul>

    
  </div>
</article>


   

   
  <div class="box-prev-next clearfix">
    <a class="hide pull-left" href="/">
        <i class="icon icon-angle-left"></i>
    </a>
    <a class="show pull-right" href="/2016/11/07/gulp/">
        <i class="icon icon-angle-right"></i>
    </a>
  </div>




</div>


  <a id="backTop" class="back-top">
    <i class="icon-angle-up"></i>
  </a>




  <div class="modal" id="modal">
  <span id="cover" class="cover hide"></span>
  <div id="modal-dialog" class="modal-dialog hide-dialog">
    <div class="modal-header">
      <span id="close" class="btn-close">关闭</span>
    </div>
    <hr>
    <div class="modal-body">
      <ul class="list-toolbox">
        
          <li class="item-toolbox">
            <a
              class="CIRCLE"
              href="/archives/"
              rel="noopener noreferrer"
              target="_self"
              >
              博客
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="CIRCLE"
              href="/category/"
              rel="noopener noreferrer"
              target="_self"
              >
              分类
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="CIRCLE"
              href="/tag/"
              rel="noopener noreferrer"
              target="_self"
              >
              标签
            </a>
          </li>
        
          <li class="item-toolbox">
            <a
              class="CIRCLE"
              href="/about/"
              rel="noopener noreferrer"
              target="_self"
              >
              关于
            </a>
          </li>
        
      </ul>

    </div>
  </div>
</div>



  
      <div class="fexo-comments comments-post">
    

    




    

  </div>

  

  <script type="text/javascript">
  function loadScript(url, callback) {
    var script = document.createElement('script')
    script.type = 'text/javascript';

    if (script.readyState) { //IE
      script.onreadystatechange = function() {
        if (script.readyState == 'loaded' ||
          script.readyState == 'complete') {
          script.onreadystatechange = null;
          callback();
        }
      };
    } else { //Others
      script.onload = function() {
        callback();
      };
    }

    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  window.onload = function() {
    loadScript('/js/bundle.js?235683', function() {
      // load success
    });
  }
</script>

</body>
</html>
